<!DOCTYPE html>
<html style="overflow: scroll">
<head>
    <title></title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group">
            <div class="col-sm-10" style="width: 15%;">
                <input type="text" class="form-control" v-model="q.userName" @keyup.enter="query" placeholder="用户姓名">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.idNumber" @keyup.enter="query" placeholder="身份证号">
            </div>
            <div class="col-sm-10" style="width: 20%;">
                <input type="text" class="form-control" v-model="q.bankCard" @keyup.enter="query" placeholder="信用卡号">
            </div>
            <div class="col-sm-10" style="width: 15%;">
                <input type="text" class="form-control" v-model="q.phone" @keyup.enter="query" placeholder="手机号码">
            </div>
            <div class="col-sm-10" style="width: 10%;">
                <input type="text" class="form-control" v-model="q.plateNumber" @keyup.enter="query" placeholder="车牌号码">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-warning" @click="reset">重置</a>
        </div>
        <div class="grid-btn">
            <#if shiro.hasPermission("recorderReport:userregister:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("recorderReport:userregister:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("recorderReport:userregister:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>



    <div v-show="!showList" class="panel panel-default" align="center">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal" style="width:90%!important;">
	            <div class="form-group">
	                <div class="col-sm-2 control-label" style="width: 10%;">用户姓名</div>
	                <div class="col-sm-10" style="width: 40%;">
	                    <input type="text" class="form-control" width="80%" v-model="userRegister.userName" placeholder="注册用户名称"/>
	                </div>
                    <div class="col-sm-2 control-label" style="width: 10%;">身份证号</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.idNumber" placeholder="身份证号码"/>
                    </div>
                </div>
	            <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">身份证扫描件</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" id="idNumberFile" name="idNumberFile" class="form-control" width="80%" v-model="userRegister.idScanUrl" placeholder="身份证扫描件"/>
                    </div>
	                <div class="col-sm-2 control-label" style="width: 10%;">手机号码</div>
	                <div class="col-sm-10" style="width: 40%;">
	                    <input type="text" class="form-control" width="80%" v-model="userRegister.phone" placeholder="手机号码"/>
	                </div>

                </div>
                <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">所属职业</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.vocation" placeholder="所属职业"/>
                    </div>
                    <div class="col-sm-2 control-label" style="width: 10%;">所属银行</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.bankName" placeholder="所属银行"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">银行卡号</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.bankCard" placeholder="银行卡号"/>
                    </div>
                    <div class="col-sm-2 control-label" style="width: 10%;">银行卡扫描件</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" id="bankCardFile" name="bankCardFile" class="form-control" width="80%" v-model="userRegister.bankScanUrl" placeholder="银行卡扫描件"/>
                    </div>
                </div>

	            <div class="form-group">
	                <div class="col-sm-2 control-label" style="width: 10%;">车牌号</div>
	                <div class="col-sm-10" style="width: 40%;">
	                    <input type="text" class="form-control" width="80%" v-model="userRegister.plateNumber" placeholder="车牌号"/>
	                </div>
                    <div class="col-sm-2 control-label" style="width: 10%;">车辆颜色</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <!--<input type="text" class="form-control" width="80%" v-model="userRegister.vehicleColor" placeholder="车辆颜色"/>-->
                        <select class="form-control" placeholder="请选择" v-model="userRegister.vehicleColor">
                            <option disabled value="">请选择车辆颜色</option>
                            <option v-for="carColor in carColorObject.carColor" :value="carColor.value">{{carColor.text}}</option>
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">车辆识别码</div>
                    <div class="col-sm-10" style="width: 40%;">
                    <input type="text" class="form-control" width="80%" v-model="userRegister.vin" placeholder="车辆识别代码"/>
                    </div>

	                <div class="col-sm-2 control-label" style="width: 10%;">IMIE号</div>
	                <div class="col-sm-10" style="width: 40%;">
	                    <input type="text" class="form-control" width="80%" v-model="userRegister.imei" placeholder="IMIE号"/>
	                </div>
                </div>
	            <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">记录仪型号</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.model" placeholder="行车记录仪型号"/>
                    </div>

                    <div class="col-sm-2 control-label" style="width: 10%;">记录仪编号</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" class="form-control" width="80%" v-model="userRegister.reportNumber" placeholder="行车记录仪编号"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label" style="width: 10%;">其他资料</div>
                    <div class="col-sm-10" style="width: 40%;">
                        <input type="text" id="otherDocumentFile" name="otherDocumentFile" class="form-control" width="80%" v-model="userRegister.otherDocument" placeholder="其他资料"/>
                    </div>
                </div>


	            <!--<div class="form-group">-->
                    <!--<div class="col-sm-2 control-label" style="width: 10%;">创建时间</div>-->
                    <!--<div class="col-sm-10" style="width: 40%;">-->
                        <!--<input type="text" class="form-control" width="80%" v-model="userRegister.createTime" placeholder="创建时间"/>-->
                    <!--</div>-->
                <!--</div>-->
	            <!--<div class="form-group">-->
	                <!--<div class="col-sm-2 control-label" style="width: 10%;">经度 由行车记录仪上传</div>-->
	                <!--<div class="col-sm-10" style="width: 40%;">-->
	                    <!--<input type="text" class="form-control" width="80%" v-model="userRegister.lon" placeholder="经度 由行车记录仪上传"/>-->
	                <!--</div>-->
                    <!--<div class="col-sm-2 control-label" style="width: 10%;">纬度 由行车记录仪上传</div>-->
                    <!--<div class="col-sm-10" style="width: 40%;">-->
                        <!--<input type="text" class="form-control" width="80%" v-model="userRegister.lat" placeholder="纬度 由行车记录仪上传"/>-->
                    <!--</div>-->
                <!--</div>-->
	            <!--<div class="form-group">-->
	                <!--<div class="col-sm-2 control-label" style="width: 10%;">经纬度更新时间</div>-->
	                <!--<div class="col-sm-10" style="width: 40%;">-->
	                    <!--<input type="text" class="form-control" width="80%" v-model="userRegister.uploadTime" placeholder="经纬度更新时间"/>-->
	                <!--</div>-->
            <div class="form-group">
            	<div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>


    <!--查看详情模态窗口-->
    <div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        {{title}}
                    </h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" style="width: 100%">
                        <div class="form-group" style="text-align:center">
                            <h4 style="">--基本信息--</h4>
                        </div>
                        <!--基本信息-->
                        <div class="form-horizontal" style="width: 95%">
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">用户姓名</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.userName" placeholder="用户姓名" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">身份证号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.idNumber" placeholder="身份证号" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">身份证扫描件</div>
                                <div class="col-sm-10" style="width: 85%">
                                    <input type="text" class="form-control" v-model="userRegister.idScanUrl" placeholder="身份证扫描件" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">手机号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.phone" placeholder="手机号" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">所属职业</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.vocation" placeholder="所属职业" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">所属银行</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.bankName" placeholder="所属银行" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">银行卡号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.bankCard" placeholder="银行卡号" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">银行卡扫描件</div>
                                <div class="col-sm-10" style="width: 85%">
                                    <input type="text" class="form-control" v-model="userRegister.bankScanUrl" placeholder="银行卡扫描件" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">车牌号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.plateNumber" placeholder="车牌号" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">车辆颜色</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.vehicleColor" placeholder="车辆颜色" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label"style="width: 15%" >车辆识别码</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.vin" placeholder="车辆识别码" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">IMEI号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.imei" placeholder="IMEI号" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">记录仪型号</div>
                                <div class="col-sm-10"style="width: 35%" >
                                    <input type="text" class="form-control" v-model="userRegister.model" placeholder="记录仪型号" readonly/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">记录仪编号</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <input type="text" class="form-control" v-model="userRegister.reportNumber" placeholder="记录仪编号" readonly/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">其他资料</div>
                                <div class="col-sm-10" style="width: 85%">
                                    <input type="text" class="form-control" v-model="userRegister.otherDocument" placeholder="其他资料" readonly/>
                                </div>
                            </div>
                        </div>


                        <!--其他信息-->
                        <div class="form-group" style="text-align:center">
                            <h4 style="">--其他信息--</h4>
                        </div>
                        <div class="form-horizontal" style="width: 95%;display: none">
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">身份证扫描件</div>
                                <div class="col-sm-10" style="width: 35% ;">
                                    <!--<input type="text" class="form-control" v-model="userRegister.userName" placeholder="用户姓名" readonly/>-->
                                    <img class="form-control" id="idCard_scan" style="height: 200px"/>
                                </div>
                                <div class="col-sm-2 control-label" style="width: 15%">银行卡扫描件</div>
                                <div class="col-sm-10" style="width: 35%">
                                    <!--<input type="text" class="form-control" v-model="userRegister.userName" placeholder="用户姓名" readonly/>-->
                                    <img class="form-control" id="bankCard_scan" style="height: 200px"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-2 control-label" style="width: 15%">其他资料</div>
                                <div class="col-sm-10" style="width: 20%">
                                    <button class="btn btn-info btn-xs form-control" type="button" @click="downloadDoc">查看/下载</button>
                                </div>
                            </div>
                        </div>


                    </form>


                </div>
                <div class="modal-footer" style="float: top">
                    <!--<input type="button" class="btn btn-primary" value="确定"/>-->
                    <button type="button" class="btn btn-warning" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

</div>

<script src="${request.contextPath}/statics/js/modules/recorderReport/userregister.js?_${.now?long}"></script>
</body>
</html>